<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 函数 将js运行环境，分为函数内部和函数外部两部分
        // 现象：函数内部使用var什么的变量，和函数外部的变量，互不影响
        // 
        // 
        // 函数作用域/局部作用域：函数内部的环境
        // 相对于函数作用于，全局作用域---整个运行环境
        // 
        // 
        // 函数内部var声明的变量，只能在函数内部使用，这种变量们叫做局部变量
        // 全局函数下的变量，在任何地方都可以使用，叫做全局变量
        var num = 100;

        function f1() {
            // var num = 200;
            console.log(num);
        }
        f1();
        console.log(num);
    </script>
</body>

</html>